import React from 'react'
import  {Image} from  "antd-mobile"

export default function HomeMiddle({list,onClick}:any) {
  return (
    <div className='middle'>
        {list.map((item:any)=>{
            return <div key={item.id} className='item' onClick={()=>{
                onClick(item);
            }}>
                    <Image src={"http://124.93.196.45:10001/"+item.imgUrl}></Image>
                  {item.serviceName}
                
                </div>
        })}
    </div>
  )
}
